<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="(val,key,index) in obj">
                <span>{{index}}:</span>
                <span>{{key}}---</span>
                <span>{{val}}</span>
            </li>
        </ul>
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    new Vue({
        el:'#app',
        data:{
            obj:{
                name:"达姆",
                age:18,
                wife:"冬雨",
                xxx:{
                    a:"a"
                }
            }
        },
        mounted(){
            setTimeout(()=>{
                // this.obj.son = "wsc"
                // Vue.set(this.obj,"son","wsc22")
                // this.$set(this.obj,"son","wsc22")

                // this.obj.xxx.b = "b"
                // this.$set(this.obj.xxx,"b","b")

                // delete this.obj.age;
                this.$delete(this.obj,"age")
            },2000)
        }
    })
</script>
</html>